<!--
  @author tanbiao
  @since 2019-11-21 18:56:50
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<!--表格id与lay-filter属性一致，统一定义为zmn-table-->
<table class="layui-hide" id="zmn-table" lay-filter="zmn-table" th:fragment="table">
    <thead >
        <tr>
            <!--规定“ID”列置于第3列，居中显示-->
            <th lay-data="{field:'productId', width:80, unresize:true, align:'center'}">产品ID</th>
            <!--规定“名称/标题”列置于第4列，通常居左显示，字数较少可以居中显示-->
            <th lay-data="{field:'productName', unresize:true, align:'center'}">产品名称</th>
            <th lay-data="{field:'servCategName', width:130, unresize:true, align:'center'}">服务分类</th>
            <th lay-data="{field:'categOneName', width:130, unresize:true, align:'center'}">一级产品分类</th>
            <th lay-data="{field:'productType', width:130, unresize:true, align:'center'}">产品类型</th>
            <th lay-data="{field:'channelName', width:140, unresize:true, align:'center'}">渠道名称</th>
            <th lay-data="{field:'productStatus', width:90, unresize:true, align:'center'}">产品状态</th>
            <th lay-data="{field:'status', width:90, unresize:true, align:'center'}">价格状态</th>
            <th lay-data="{field:'desc', width:230, unresize:true, align:'center'}">价格表说明</th>
            <!--规定操作列置于最后-->
            <th lay-data="{field:'操作', unresize:true, align:'center', fixed:'right'}">操作</th>
            <!--其他规范
                值较大的数字列居右显示，并使用千分号；值较小的数字列可居中显示，
                金额列统一居右显示，默认精确到小数点后2位，并使用千分号，
                通常情况下，时间或日期列靠后放置(操作列前)，居中显示
                -->
        </tr>
    </thead>
    <tbody>
        <tr th:each="item:${items}">
            <td th:text="${item.productId}">productId</td>
            <td th:text="${item.productName}">productName</td>
            <td th:text="${item.servCategName}">servCategName</td>
            <td th:text="${item.categOneName}">categOneName</td>
            <td th:text="${item.productType == 1 ? '通用产品':'渠道产品'}">productType</td>
            <td th:text="${item.channelName == null ? '--':item.channelName}">channelName</td>
            <td th:text="${item.productStatus == 2 ? '上架':'下架'}">productStatus</td>
            <td th:text="${item.status == null ? '--': item.status == 2 ? '正常':'停用'}">status</td>
            <td th:text="${item.desc}">desc</td>
            <td>
                <a th:if="${#authPermit.checkPermit('/product/tariff/group/listTable.action')}" th:lay-href="|/product/tariff/group/listTable.action?productId=${item.productId}&bizType=${faultTariff.bizType}&tariffId=${faultTariff.tariffId}" style="color: #00a0e9" lay-text='产品价格表'>产品价格表</a>
            </td>
        </tr>
    </tbody>
</table>
